<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="html5plus://ready"></script>
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<script src="../js/flexible.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../css/PersonalBlog.css" />
		<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="mui-content">
			<!--头部信息-->
			<div id="header">
				<div class="geren-xinxi">
					<h3>{{udata.nick_name}}</h3>
					<div class="geren-intro">{{udata.intro}}</div>
					<div class="jiben-xinxi">{{udata.year}}岁&nbsp;/&nbsp;{{udata.height}}cm&nbsp;/&nbsp;{{udata.weight}}kg</div>
				</div>
				<div class="guanzhu-headimg">
					<div id="headimg">
						<img :src="udata.headimg" />
					</div>
					<div class="guan-btn" id="liketa" v-on:click="guanClick()" v-bind:style="udata.guanzhu|guanzhupic"></div>
				</div>
			</div>
			<!--相册照片-->
			<div id="xiangcebox">
				<div class="xiangceboxheader">照片</div>

				<div id="xiangce" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					
					<div v-if="picshow" class="mui-scroll">
						<div v-for="(item,index) in udata.pic" class="img_itme">
							<img :src="item.url" data-preview-src="" data-preview-group="2" :data-content="index" class="cover"/>
						</div>
					</div>
					<div v-else class="mui-scroll">
						<div v-for="(item,index) in udata.pic" class="img_itme">
							<div v-if="(index<2)" class="img_itme">
								<img :src="item.url" data-preview-src="" data-preview-group="2" :data-content="index" class="cover"/>
							</div>
							<div class="img_itme" v-else style="position: relative;">
								<div v-on:click="openchongzhi" class="bgimg" style="background-image: url(../img/function/Blog_vipkejian.png);position: absolute;width:100%;height:100%;background-size: contain;opacity: 0.95;"></div>
								<img :src="item.url" class="cover">
							</div>
						</div>
					</div>
					<div class="after">
						<p>&gt;</p>
					</div>
				</div>
			</div>
			<!--个人联系方式-->
			<div class="some-lianxi" id="some-lianxi" name="try">
				<div class="lianxi-title">联系方式</div>
				<div class="lianxi-box">
						<div class="lianxi-wx" id="person-weixin">
							<img src="../img/function/lianxi-wx.png" alt="" />
							<span>微信</span>
						</div>
						<div class="lianxi-qq" id="person-qq">
							<img src="../img/function/lianxi-qq.png" alt="" />
							<span>QQ</span>
						</div>
						<div class="lianxi-tel" id="person-tel">
							<img src="../img/function/lianxi-tel.png" alt="" />
							<span>手机号</span>
						</div>
				</div>
			</div>
			
			<!--个人资料-->
			<div class="some-ziliao">
				<div class="ziliao-title">个人信息</div>
				<div class="ziliao-box">
					<div class="ziliao-li">
						<div class="ziliaoli-left">身高</div>
						<div class="ziliaoli-right">165cm</div>
					</div>
					<div class="ziliao-li">
						<div class="ziliaoli-left">爱好</div>
						<div class="ziliaoli-right">{{udata.hobby}}</div>
					</div>
					<div class="ziliao-li">
						<div class="ziliaoli-left">星座</div>
						<div class="ziliaoli-right">{{udata.star}}</div>
					</div>
					<div class="ziliao-li">
						<div class="ziliaoli-left">年龄</div>
						<div class="ziliaoli-right">{{udata.year}}岁</div>
					</div>
				</div>
			</div>
			
			<div id="liwubox">
				<div class="img-name">共收到<span>{{udata.liwu}}</span>个礼物</div>
				<div style=" height: 2.5rem;" class=" boxbg mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll">
						<div class="img-box">
							<div v-for="gift in udata.liwulist" class="img-nav">
								<img :src="gift.giftid|liwpic" />
								<span>{{gift.sl}}</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="details">
			<div class="details-end girl-say bunengxian">
				<img src="../img/function/blog_sayhi1.png" />
				<span>打招呼</span>
			</div>
			<div class="details-end girl-voice bunengxian">
				<img src="../img/function/blog_video.png" />
				<span>看看她</span>
			</div>
			<div class="details-end girl-siliao">
				<img src="../img/function/blog_talk.png" />
				<span>私信</span>
			</div>
		</div>
		<div class="empty">

		</div>
		<div class="details details2" style="display: none;">
			<div class="buxianshi girl-siliao">
				<img src="img/close-message.png" />
				<span>主动打个招呼吧！</span>
			</div>
		</div>
		<div id="showTanChuang"></div>
	</body>
	<script src="../js/function.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/md5.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/mui.previewimage.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/mui.zoom.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/PersonalBlog.js" type="text/javascript" charset="utf-8"></script>

</html>